﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no">
    <title>销售论坛</title>
    <!-- 基础css begin -->
    <link type="text/css" rel="stylesheet" href="/static/baojunpkg/core.css">
    <!-- 基础css end -->
    <!-- 公用css begin -->
    <link type="text/css" rel="stylesheet" href="/static/baojunpkg/combine.css?ver=20150717">
    <!-- 公用css end -->
    <style type="text/css">
        .sale {
            height: 100px;
            background-color: #98ccf1;
            z-index: 1;
            margin-top: 12%;
            margin-left: 5%;
            width: 90%;
        }
        .sale-left {
            float: left;
            height: 100%;
            margin-left: 3%;
            width: 23%;
            position: relative;
        }
        .sale-leftimg {
            max-width: 100%;
            max-height: 100px;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            position: absolute;
        }
        .sale-right {
            height: 100%;
            background-color: #61b0e8;
            margin-left: 30%;
            width: 70%;
            font-size: 2em;
            text-align: center;
            line-height: 100px;
            color: white;
        }
        .forum {
            height: 100px;
            background-color: #f6dea2;
            z-index: 1;
            margin-top: 12%;
            margin-left: 5%;
            margin-bottom: 12%;
            width: 90%;
        }
        .forum-left {
            float: left;
            height: 100%;
            background-color: #f2cb70;
            width: 70%;
            font-size: 2em;
            text-align: center;
            line-height: 100px;
            color: white;
        }
        .forum-right {
            float: right;
            width: 23%;
            margin-right: 3%;
            position: relative;
            height: 100%;
        }
        .forum-rightimg {
            max-width: 100%;
            max-height: 100px;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            position: absolute;
        }
    </style>

</head>
<body id="list">
    <img id="background-image" class="background-full" src="/static/baojunbbs/images/bg.jpg" />

    <div id="wrapper">
        @*<img id="background-topimage" class="background-top" src="/static/baojunbbs/images/HomeTop.jpg" />*@
        <div id="img" style="margin:0;z-index:1">
            <img id="background-image" style="width:100%"src="/static/baojunbbs/images/HomeTop.jpg" />
        </div>
        <div id="sale" class="sale" onclick="forum();">
            <div class="sale-left">
                <img class="sale-leftimg" src="/static/baojunbbs/images/sale.png" />
            </div>
            <div class="sale-right">
                销售大赛
            </div>
        </div>
        <div id="forum" class="forum" >
            <div class="forum-left">
                论坛
            </div>
            <div class="forum-right">
                <img class="forum-rightimg" src="/static/baojunbbs/images/forum.png" />
            </div>
        </div>
    </div>
    <!-- 组件依赖js begin -->
    <script src="/static/global/gmu/dist/zepto.js"></script>
    <script src="/static/global/gmu/src/extend/selector.js"></script>
    <script src="/static/global/gmu/src/extend/compatibleIE9.js"></script>
    <!-- 组件依赖js end -->
    <!-- 公用js begin -->
    <script src="/static/baojunbbs/js/script.js?v=201507017"></script>
    <!-- 公用js begin -->
    <script type="text/javascript">
        function forum(){
            window.location.href = "/wxbbs/baojun/static/forum";
        }
        $(function () {
            $("#forum").click(function () {
                alert("敬请期待！");
            });
        })
    </script>
</body>
</html>